<!DOCTYPE html>
<html>
  	<head>
    	<title>Viecnho.com - Việc Nhỏ Ích Lớn</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
		<link href="css/responsiveslides.css" rel="stylesheet" media="screen">
		<link href="css/main.css" rel="stylesheet" media="screen">
	</head>
	<body>
		<div class="navbar navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container-fluid">
					<ul class="nav">
						<li><a class="header-logo" href="#"><img src="img/viecnho-logo-small.png" /></a></li>
						<li class="dropdown">
							<a class="header-menu dropdown-toggle" href="#" data-toggle="dropdown"><i class="icon-th-list"></i> Danh mục <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria=labelledby="header-username-menu">
								<li><a href="#">Mạng xã hội</a></li>
								<li><a href="#">Phát triển web</a></li>
								<li><a href="#">Dậy học</a></li>
								<li><a href="#">Dịch thuật</a></li>
								<li class="divider"></li>
								<li><a href="#">Khác</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a class="header-menu dropdown-toggle" href="#" data-toggle="dropdown"><i class="icon-map-marker"></i> Địa điểm <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria=labelledby="header-username-menu">
								<li><a href="#">Hà Nội</a></li>
								<li><a href="#">TP. Hồ Chí Minh</a></li>
							</ul>
						</li>
					</ul>
					<ul class="nav pull-right">
						<li class="dropdown">
							<a class="header-menu dropdown-toggle" href="#" data-toggle="dropdown">Ninh Nguyen <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria=labelledby="header-username-menu">
								<li><a href="#">Trang cá nhân</a></li>
								<li><a href="#">Tùy chọn</a></li>
								<li class="divider"></li>
								<li><a href="#">Thoát</a></li>
							</ul>
						</li>
						<li><button id="sell" name="sell" class="btn btn-primary header-button">Đăng dịch vụ</button></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="inbox-detail">
			<div class="inbox-detail-container">
				<div class="row-fluid">
					<div class="span4 sidebar">
						<div class="inbox-detail-box sidebar-block" id="service-detail-creator">
							<div class="container-header">
								<ul class="nav nav-pills inbox-nav">
									<li class="active">
								    	<a href="#">Đơn hàng</a>
								  	</li>
									<li>
								    	<a href="#">Hỏi đáp</a>
								  	</li>
								</ul>
							</div>
							<div class="conversation-list">
								<a class="conversation-item" href="#">
									<div class="conversation-item-inner">
									    <div class="sender-avatar pull-left">
									<img src="http://placehold.it/64x64" />
								</div>
									  	<div class="inbox-body">
									    	<p class="inbox-meta">
												<span class="inbox-sender">Ninh Nguyễn</span>
												<span class="inbox-date">20/7</span>
											</p>
											<p class="inbox-title">
												<strong>Đơn hàng:</strong> Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền
											</p>
										</div>
									</div>
								</a>
								<a class="conversation-item-unread" href="#">
									<div class="conversation-item-inner">
									    <div class="sender-avatar pull-left">
									<img src="http://placehold.it/64x64" />
								</div>
									  	<div class="inbox-body">
									    	<p class="inbox-meta">
												<span class="inbox-sender">Ninh Nguyễn</span>
												<span class="inbox-date">20/7</span>
											</p>
											<p class="inbox-title">
												<strong>Đơn hàng:</strong> Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền
											</p>
										</div>
									</div>
								</a>
								<a class="conversation-item" href="#">
									<div class="conversation-item-inner">
									    <div class="sender-avatar pull-left">
									<img src="http://placehold.it/64x64" />
								</div>
									  	<div class="inbox-body">
									    	<p class="inbox-meta">
												<span class="inbox-sender">Ninh Nguyễn</span>
												<span class="inbox-date">20/7</span>
											</p>
											<p class="inbox-title">
												<strong>Đơn hàng:</strong> Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền
											</p>
										</div>
									</div>
								</a>
								<a class="conversation-item" href="#">
									<div class="conversation-item-inner">
									    <div class="sender-avatar pull-left">
									<img src="http://placehold.it/64x64" />
								</div>
									  	<div class="inbox-body">
									    	<p class="inbox-meta">
												<span class="inbox-sender">Ninh Nguyễn</span>
												<span class="inbox-date">20/7</span>
											</p>
											<p class="inbox-title">
												<strong>Đơn hàng:</strong> Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền
											</p>
										</div>
									</div>
								</a>
								<a class="conversation-item" href="#">
									<div class="conversation-item-inner">
									    <div class="sender-avatar pull-left">
									<img src="http://placehold.it/64x64" />
								</div>
									  	<div class="inbox-body">
									    	<p class="inbox-meta">
												<span class="inbox-sender">Ninh Nguyễn</span>
												<span class="inbox-date">20/7</span>
											</p>
											<p class="inbox-title">
												<strong>Đơn hàng:</strong> Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền
											</p>
										</div>
									</div>
								</a>
								<a class="conversation-item" href="#">
									<div class="conversation-item-inner">
									    <div class="sender-avatar pull-left">
									<img src="http://placehold.it/64x64" />
								</div>
									  	<div class="inbox-body">
									    	<p class="inbox-meta">
												<span class="inbox-sender">Ninh Nguyễn</span>
												<span class="inbox-date">20/7</span>
											</p>
											<p class="inbox-title">
												<strong>Đơn hàng:</strong> Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền
											</p>
										</div>
									</div>
								</a>
								<a class="conversation-item" href="#">
									<div class="conversation-item-inner">
									    <div class="sender-avatar pull-left">
									<img src="http://placehold.it/64x64" />
								</div>
									  	<div class="inbox-body">
									    	<p class="inbox-meta">
												<span class="inbox-sender">Ninh Nguyễn</span>
												<span class="inbox-date">20/7</span>
											</p>
											<p class="inbox-title">
												<strong>Đơn hàng:</strong> Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền
											</p>
										</div>
									</div>
								</a>
								<a class="conversation-item" href="#">
									<div class="conversation-item-inner">
									    <div class="sender-avatar pull-left">
									<img src="http://placehold.it/64x64" />
								</div>
									  	<div class="inbox-body">
									    	<p class="inbox-meta">
												<span class="inbox-sender">Ninh Nguyễn</span>
												<span class="inbox-date">20/7</span>
											</p>
											<p class="inbox-title">
												<strong>Đơn hàng:</strong> Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền
											</p>
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>
					<div class="span8 inbox-detail-box main-column">
						<div class="conversation-detail-inner">
							<div class="conversation-message">
							    <div class="conversation-avatar pull-left">
									<img src="http://placehold.it/32x32" />
								</div>
							  	<div class="conversation-body">
							    	<p class="inbox-meta">
										<span class="inbox-sender">Ninh Nguyễn</span>
										<span class="inbox-date">20/7</span>
									</p>
									<p class="inbox-message">
										Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền.
									</p>
								</div>
							</div>
							<div class="conversation-message">
							    <div class="conversation-avatar pull-left">
									<img src="http://placehold.it/32x32" />
								</div>
							  	<div class="conversation-body">
							    	<p class="inbox-meta">
										<span class="inbox-sender">Ninh Nguyễn</span>
										<span class="inbox-date">20/7</span>
									</p>
									<p class="inbox-message">
										Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền.
									</p>
								</div>
							</div>
							<div class="conversation-message">
							    <div class="conversation-avatar pull-left">
									<img src="http://placehold.it/32x32" />
								</div>
							  	<div class="conversation-body">
							    	<p class="inbox-meta">
										<span class="inbox-sender">Ninh Nguyễn</span>
										<span class="inbox-date">20/7</span>
									</p>
									<p class="inbox-message">
										Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền.
									</p>
								</div>
							</div>
							<div class="conversation-message">
							    <div class="conversation-avatar pull-left">
									<img src="http://placehold.it/32x32" />
								</div>
							  	<div class="conversation-body">
							    	<p class="inbox-meta">
										<span class="inbox-sender">Ninh Nguyễn</span>
										<span class="inbox-date">20/7</span>
									</p>
									<p class="inbox-message">
										Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền.
									</p>
								</div>
							</div>
							<div class="conversation-message">
							    <div class="conversation-avatar pull-left">
									<img src="http://placehold.it/32x32" />
								</div>
							  	<div class="conversation-body">
							    	<p class="inbox-meta">
										<span class="inbox-sender">Ninh Nguyễn</span>
										<span class="inbox-date">20/7</span>
									</p>
									<p class="inbox-message">
										Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền.
									</p>
								</div>
							</div>
							<div class="conversation-message">
							    <div class="conversation-avatar pull-left">
									<img src="http://placehold.it/32x32" />
								</div>
							  	<div class="conversation-body">
							    	<p class="inbox-meta">
										<span class="inbox-sender">Ninh Nguyễn</span>
										<span class="inbox-date">20/7</span>
									</p>
									<p class="inbox-message">
										Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền.
									</p>
								</div>
							</div>
							<div class="conversation-message">
							    <div class="conversation-avatar pull-left">
									<img src="http://placehold.it/32x32" />
								</div>
							  	<div class="conversation-body">
							    	<p class="inbox-meta">
										<span class="inbox-sender">Ninh Nguyễn</span>
										<span class="inbox-date">20/7</span>
									</p>
									<p class="inbox-message">
										Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền. Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền.
									</p>
								</div>
							</div>
						</div>
						<div class="reply-box">
							<form class="form-horizontal reply-form">
								<textarea rows="3" class="span12"></textarea>
								<button type="submit" class="btn btn-primary conversation-send">Gửi</button>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer"></div>
    	<script src="http://code.jquery.com/jquery.js"></script>
    	<script src="js/bootstrap.min.js"></script>
		<script src="js/responsiveslides.min.js"></script>
		<script src="js/jquery.showpassword.js"></script>
		<script>
			$(function() {
				$("#rslides-service-detail").responsiveSlides({
					prevText: "Previous",   // String: Text for the "previous" button
					nextText: "Next",
					nav: true,
					pager: true,
					namespace: "centered-btns"
				});
			});
			$(document).ready(function(){			
				$('#password').showPassword();
			});
		</script>
  	</body>
</html>